@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */

.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}

.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}

.mga { margin-left:auto;margin-right:auto;}
.main {width:1000px;margin-left:auto;margin-right:auto;}

.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

/*-------清除浮动-------*/
.cf{zoom:1;}
.cf:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
/* common main END */


/* sticky footer */
html,body{height: 100%;}
.wrapper{min-height: 100%;}
.footer-box{height: 292px;}


/*主页部分*/
.m-header{width: 100%;height: 60px; background: #fff;}
.m-header .m-logo{display: block;float:left; height: 60px;}
.m-header .m-logo div{float: left;margin-right: 10px; height: 60px;}
.m-header .m-logo div img{display: block;height: 100%;}
.m-header .m-logo .p1{margin-top: 23px; font-size: 19px;color: #333;}
.m-header .m-logo .p1{height: 18px; line-height: 18px; font-size: 14px;color: #333;}
.m-header .search{float:right;margin-top: 25px; width: 180px;height: 30px;border: 1px solid #a3a3a3;border-radius: 3px;overflow: hidden;}
.m-header .search input{display: block;float: left;height: 30px;line-height: 30px;font-size: 12px;border: none;}
.m-header .search .txt{padding: 0 5%; width: 73%;}
.m-header .search .btn{width: 17%;background: #fff url(../images/search01.png) center center no-repeat;cursor:pointer;}
.m-header .search .btn:hover{background: #eee url(../images/search01.png) center center no-repeat;}

.m-nav-box{width: 100%;height: 60px; text-align: center; background: #fff;border-bottom: 1px solid #dcdcdc; z-index: 30;}
.m-nav{display:inline-block;}
.m-nav li{float: left;position: relative;}
.m-nav li > a{display: block;position: relative; margin:0 32px; width: 90px;height: 60px;text-align:center;line-height: 60px;font-size: 14px; color: #777;}
.m-nav li a i{display: none;position: absolute;bottom: 0;margin-bottom: -1px; width: 100%;height: 3px;background: #1c2953;}
.m-nav li:hover > a,.m-nav li.on > a{color: #1c2953;}
.m-nav li:hover a i,.m-nav li.on a i{display: block;}
.m-nav li menu{display: none;position: absolute;top:58px;left: 7px;width: 140px;}
.m-nav li menu a{display: block;width: 100%;height: 40px;line-height: 40px; text-align: center; font-size: 14px; background: #1c2953;color: #fff;}
.m-nav li menu a:hover{text-decoration: underline;}

.m-banner{position: relative; width: 100%;height: 480px; overflow: hidden;}
.m-banner .banner02{position: absolute;left: 50%;margin-left: -960px;}
.m-banner .banner02 .box01 img{display: block;width: 100%;}
.m-banner .banner02 .box03 .btn01{top: 215px;left: -70px;}
.m-banner .banner02 .box03 .btn02{top: 215px;right: -70px;}
.m-banner .banner02 .box02 .num{background: none;}
.m-banner .banner02 .box02 .num span{margin:0 4px;width: 14px;height: 14px;background: #c8c8c8;}
.m-banner .banner02 .box02 .num .sel{background: #fff;}

.m-title{width:100%; height: 38px;border-bottom: 2px solid #0364ab;}
.m-title h3{display: block; float:left;margin: 7px 0 0 9px; padding-left: 10px; width: 100px;height: 24px;line-height: 24px; border-left: 4px solid #1c2953;color: #333;}
.m-title a{display: block;float: right;margin-right: 22px;padding-right: 14px; height: 38px;line-height: 38px;font-size: 12px;color: #1c2953; background: url(../images/arrow01.png) right center no-repeat;}
.m-title a:hover{text-decoration: underline;}

.m-box{margin-top: 20px;}

.m-price{float: left;width: 298px;background: #ffa200;}
.m-price .m-title{border-bottom: 2px solid #ffa200;}
.m-price .m-title h3{border-left: 4px solid #fff;}
.m-price .statistics{margin: 5px 4px 0; width: 290px;height: 185px; background: #fff;}
.m-price table{margin:10px auto 20px; width: 278px;border-top: 1px solid #fff;}
.m-price table tr{height: 30px;line-height: 30px;font-size: 12px;color: #333;}
.m-price table tr:nth-child(even){background: #fff;}
.m-price table tr td,.m-price table tr th{text-align: center;}
.m-price table tr .td3{width: 90px;}

.m-news{float: right;width: 680px;border: 1px solid #79acd2;}
.m-news .con h4{display: block;padding-left: 6%; height: 30px;line-height: 30px; width: 94%;color: #333;background:#d1e7f6 url(../images/icon01.png) 10px center no-repeat;}
.m-news .con a{display: block;float: left;margin-right: 15px; padding-left: 30px; width: 295px;height: 22px; line-height: 22px; font-size: 12px;color: #777;background: url(../images/arrow02.png) 10px center no-repeat;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.m-news .con a:hover{text-decoration: underline;color: #1c2953;}
.m-news .con-main{padding: 10px 0 15px;}

.m-profile{float: right;margin-top: 10px; width: 680px;border: 1px solid #79acd2;}
.m-profile .con{padding: 18px 10px;}
.m-profile .con .photo{float:left; width: 190px;height: 150px;overflow: hidden;}
.m-profile .con .photo img{display: block;width: 100%;}
.m-profile .con p{display: -webkit-box;float: left;margin-left: 12px;width: 450px;height: 154px; line-height: 22px;font-size: 12px;color: #777;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

.m-culture{margin-top: 13px;}
.m-culture .m-title{width: 998px; border-top:1px solid #79acd2;border-left:1px solid #79acd2; border-right:1px solid #79acd2; border-bottom: 2px solid #1c2953; }
.m-culture .con{padding:14px 24px; line-height: 22px; font-size: 12px;color: #fff; background: #1c2953;}

.m-product{margin-top: 13px;border: 1px solid #79acd2;}
.m-product .con{padding: 10px 0 5px;}
.m-product .banner05 .box01 a .photo{width: 285px;height: 233px;overflow: hidden;}
.m-product .banner05 .box01 a .photo img{display: block;width: 100%;}
.m-product .banner05 .box01 a p{height: 40px;line-height: 40px;text-align: center;color: #333;}
.m-product .banner05 .box01 a:hover p{color: #ffa200;}
.m-product .banner05 .box02 .btn01{top: 94px;width:22px; background: url(../images/arrow03.png) right center no-repeat;}
.m-product .banner05 .box02 .btn02{top: 94px;width:22px; background: url(../images/arrow04.png) left center no-repeat;}
.m-product .banner05 .box02 .btn02 span,.m-product .banner05 .box02 .btn01 span{display: none;}

.m-footer{position: relative; margin-top: 40px; width: 100%; height: 252px;background: #1c2953;text-align: center;}
.m-footer .box{display: inline-block;}
.m-footer ul{float: left;}
.m-footer ul li{width: 200px; text-align: left;font-size: 12px;color: #ccc;}
.m-footer ul li a{line-height: 22px; font-size: 12px;color: #ccc;}
.m-footer ul li a:hover{text-decoration: underline;}
.m-footer ul .head{margin-bottom: 10px; height:40px;line-height: 40px;font-size: 14px; color: #fff; border-bottom: 1px solid #2b3864;}
.m-footer .info li{width: 300px;}
.m-footer .wechat{position: relative; background: url(../images/icon02.png) 75px center no-repeat;cursor: pointer;}
.m-footer .wechat p{display: none; position: absolute;top: 0;left: 100px;width: 75px;height: 75px;}
.m-footer .wechat p img{display: block; width: 100%;}
.m-footer .wechat:hover p{display: block; }

.m-footer .copyright{position: absolute;bottom: 0;left: 0;width: 100%; height: 40px;line-height: 40px; background: #0c1225;color: #fff;font-size: 12px;text-align: center;}
.m-footer .copyright p{display: inline-block;}
.m-footer .copyright a{color: #fff;}
.m-footer .copyright a:hover{text-decoration: underline;color: #c31234;}

.z-footer{margin-top: -252px;}

/*子页部分*/
.crumb-nav{margin: 8px auto 5px; height: 33px;}
.crumb-nav span,.crumb-nav a,.crumb-nav p{display: block;float: left;height: 33px; line-height: 33px;color: #a3a3a3;font-size: 12px;}
.crumb-nav span{width: 26px; background: url(../images/arrow05.png) center center no-repeat;}
.crumb-nav a:hover{text-decoration: underline;color: #1c2953;}

.z-title{padding-top: 4px; width: 100%;height: 24px; background: #1c2953;}
.z-title h3{display: block; padding-left: 9px; height: 20px;line-height: 20px; font-size: 12px;font-weight: bold; color: #fff;border-left: 4px solid #ffa200;}

.z-list-box{padding-bottom: 35px;}
.z-list{min-height: 360px;}
.z-list a{display: block;margin-top: 10px; padding-left: 2%;width: 98%;height: 34px;line-height: 34px;border-bottom: 1px solid #f5f5f5;background: url(../images/arrow02.png) left center no-repeat;}
.z-list a p{float: left;width: 85%; font-size: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.z-list a time{display: block; float: right;font-size: 12px;color: #a3a3a3;}
.z-list a:hover{background: url(../images/arrow02-1.png) left center no-repeat;}
.z-list a:hover p,.z-list a:hover time{color: #ffa200;}

.z-pagelist-box{margin-top: 26px; width: 100%;text-align: center;clear: both;}
.z-pagelist{display: inline-block;}
.z-pagelist a{display: block;float: left;margin:0 2px; padding:0 10px; text-align: center;height: 23px; line-height: 23px;font-size: 12px;color: #777;border:1px solid #dcdcdc;}
.z-pagelist a:hover,.z-pagelist a.on{color: #fff;background: #1c2953;border:1px solid #1c2953;}

.z-nav{width: 200px;border-top: 6px solid #1c2953;}
.z-nav a{display: block;padding-left: 20px;width: 180px;height: 44px;line-height: 44px;color: #333; border-bottom: 1px solid #f5f5f5;background: url(../images/arrow02.png) left center no-repeat;}
.z-nav a:hover,.z-nav a.on{color: #ffa200; background: url(../images/arrow02-1.png) left center no-repeat;}
.z-nav span{display: block;margin:1px 0 4px; width: 100%;height: 1px;background: #0364ab;}

.z-con{width: 760px;padding: 20px 0 35px;border-bottom: 1px solid #dcdcdc;line-height: 24px;}
.z-con img{max-width: 100%;}

.z-recruit{padding-top: 10px; width: 760px;border-bottom: 1px solid #dcdcdc;}
.z-recruit table{width: 760px; border:1px solid #ffa200;}
.z-recruit table tr{border-top: 1px solid #f5f5f5;}
.z-recruit table .head{border-top: none;}
.z-recruit table th{width: 20%;height: 39px;line-height: 39px;font-size: 14px; text-align: center;color: #1c2953;background: #ffeed0;}
.z-recruit table td{width: 20%;height: 39px;line-height: 39px;font-size: 12px; text-align: center;}
.z-recruit table td a:hover{color: #ffa200;text-decoration: underline;}
.z-recruit p{height: 50px;line-height: 50px;font-size: 12px;color: #777;}

.z-recruit02 .info{border-top: 6px solid #1c2953;border-bottom: 1px solid #dcdcdc;padding-bottom: 23px;}
.z-recruit02 .info i{display: block;margin:1px 0 6px; width: 100%;height: 1px;background: #0364ab;}
.z-recruit02 .info p{height: 70px;line-height: 70px; font-size: 34px;color: #ffa200;}
.z-recruit02 .info span{display: inline-block;margin-right: 18px; padding-left: 25px; height: 25px;line-height: 25px;background: url(../images/icon03.png) left center no-repeat;}
.z-recruit02 .info time{display: inline-block; padding-left: 30px; height: 25px;line-height: 25px;background: url(../images/icon04.png) left center no-repeat;}
.z-recruit02 .con h4{display: block;margin: 18px 0 10px; height: 15px;line-height: 15px; padding-left: 10px; border-left: 3px solid #ffa200;}
.z-recruit02 .con div{padding-left: 13px; line-height: 24px;}
.z-recruit02 .hint{margin-top: 25px; padding:24px; background: #ffeed0;line-height: 26px;}
.z-recruit02 .hint h4{color: #1c2953;}

.z-title02{width: 760px;}
.z-list02{width: 760px;}
.z-list02 a{padding-left: 20px;width: 740px;}
.z-pagelist-box02{width: 760px;text-align: center;}

.z-list03{width: 774px;}
.z-list03 a{display: block;float: left;margin: 15px 0 0 15px; width: 243px;}
.z-list03 a div{width: 100%;height: 200px; overflow: hidden;}
.z-list03 a div img{display: block;width: 100%;}
.z-list03 a p{height: 16px;line-height: 16px;margin-top: 10px; text-align: center;}
.z-list03 a:hover p{color: #ffa200;}

.z-price{width: 760px;}
.z-price .title{margin-top: 30px;}
.z-price .title h4{display: block;text-align: center;font-size: 16px;}
.z-price .title span{display: block;margin:6px auto 0; width: 160px;height: 1px; background: #dcdcdc;}
.z-price .title time{display: block;height: 22px;line-height: 22px; text-align: center;font-size: 12px;color: #a3a3a3;}
.z-price table{display: block;margin:20px 0; padding: 5px;width: 750px;background: #ffa200;}
.z-price table .th01{width: 79px;}
.z-price table .th02{width: 167px;}
.z-price table .th03{width: 360px;}
.z-price table .th04{width: 141px;}
.z-price table tr:nth-child(even){background: #fff;}
.z-price table td,.z-price table th{height: 34px;line-height: 34px;text-align: center;color: #333;border-right: 1px solid #fff;}
.z-price table th{font-weight: bold;}
.z-price table .td03{font-weight: bold;color: #1c2953;}
.z-price table .td04,.z-price table .th04{border:none;}
.z-price .hint{color: #777;}
.z-price .hint span{color: #ff0101;}

.z-contact{width: 760px;padding: 20px 0 35px;border-bottom: 1px solid #dcdcdc;}
.z-contact .map{margin:0 0 20px; width: 100%;height: 400px;background: #eee;}
.z-contact ul{display: block;padding-top: 20px; width: 100%;border-top:9px solid #fff4e2;}
.z-contact ul li{width: 100%;}
.z-contact ul li h4{font-size: 14px;color: #1c2953;font-weight: bold;line-height: 24px;}
.z-contact ul li p{font-size: 14px;color: #333;line-height: 24px;}

.z-site{margin-top: 10px; width: 760px;}
.z-site h4{font-size: 14px;color: #1c2953;font-weight: bold;line-height: 24px;}
.z-site p{font-size: 14px;color: #333;line-height: 24px;}

.z-banner{width: 100%;height: 220px;}
.z-banner .txt h2{padding-top: 70px; height: 48px;line-height: 48px; font-size: 40px;color: #fff;font-family: Arial;}
.z-banner .txt p{height: 38px;line-height: 38px; font-size: 30px;color: #fff;font-family: Arial;}

.z-sitemap-box{margin-top: 35px; width: 100%;text-align: center;}
.z-sitemap{display: inline-block;}
.z-sitemap div{float: left;margin:0 20px;}
.z-sitemap div .head{display: block;padding:0 36px;height: 35px;line-height: 35px;text-align: center; font-size: 14px;color: #333;background: #ffa200;}
.z-sitemap div .head:hover{text-decoration: underline;}
.z-sitemap div ul{margin-top: 15px;}
.z-sitemap div li a{display: block;padding-left: 20px;height: 22px;line-height:22px;text-align: left;font-size: 12px;color: #333; background: url(../images/arrow02.png) left center no-repeat;}
.z-sitemap div li a:hover{color: #ffa200; background: url(../images/arrow02-1.png) left center no-repeat;}

.m-404{margin: 50px auto 0;padding: 50px 60px; width:800px;border:6px dashed #d2d2d2;}
.m-404 img{display: block;}
.m-404 .p1{margin-top: 20px; height: 60px;line-height: 60px; font-size: 39px;color: #08093b;}
.m-404 .p2{height: 22px;line-height: 22px; font-size: 20px;color: #08093b;}
.m-404 .p3{font-size: 14px;color: #08093b;}
.m-404 .p4{margin:20px 0; width: 670px;height: 0;border-top: 1px solid #d2d2d2;}
.m-404 a{display:inline-block;margin-top: 30px; margin-right: 30px; width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #08093b;border-radius: 10px;}
.m-404 a:hover{text-decoration: underline;}